.card-nodata {
  width: 100%;
  height: 50vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-nodata.hei {
  height: 20vh;
}

.card-nodata text {
  font-size: 26rpx;
  color: #666;
}

.card-citytips {
  width: 100%;
  margin-top: 20rpx;
  padding: 20rpx;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: #d2d2d2 dashed 1px;
}

.card-citytips .tips-text {
  font-size: 26rpx;
  color: #666;
  line-height: 36rpx;
}

.card-bank {
  width: 100%;
}

.card-bank .card-city {
  padding: 30rpx 60rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-bank .card-city image {
  display: inline-block;
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}

.card-bank .card-city .name {
  display: inline-block;
  width: auto;
  height: 60rpx;
  line-height: 60rpx;
  font-size: 26rpx;
  color: #333;
}

.card-bank .card-city .city-change {
  display: inline-block;
  min-width: 80rpx;
  padding: 0 20rpx;
  margin-left: 20rpx;
  height: 48rpx;
  line-height: 48rpx;
  text-align: center;
  -webkit-border-radius: 8rpx;
          border-radius: 8rpx;
  border: #aaaaaa solid 2rpx;
}

.card-bank .card-city .city-change .picker {
  font-size: 26rpx;
  color: #333;
}

.card-bank .card-list {
  width: 100%;
  padding: 30rpx 20rpx;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.card-bank .card-list .ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.card-bank .card-list .ul .li {
  width: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10rpx;
}

.card-bank .card-list .ul .li .l-img {
  width: 125rpx;
  height: 125rpx;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  overflow: hidden;
  background: #d2d2d2;
  margin: 0 auto;
}

.card-bank .card-list .ul .li .l-text {
  padding-top: 10rpx;
  width: 100%;
  font-size: 26rpx;
  text-align: center;
  color: #333;
}
